<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">
<html>
    <head>
        <title>Image Info : test.jpg</title>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <script type="text/javascript" src="js/highcharts.js"></script>
        <script type="text/javascript">
            var chart;
$(document).ready(function() {
   chart = new Highcharts.Chart({
      chart: {
         renderTo: 'container',
         defaultSeriesType: 'area'
      },
      credits: {
         enabled: false
      },
     title: {
         text: 'RGB Histogram'
      },
      xAxis: {
         labels: {
            formatter: function() {
               return this.value;
            }
         }
      },
      yAxis: {
         title: {
            text: 'RGB Levels'
         },
         labels: {
            formatter: function() {
               return this.value / 1000 +'k';
            }
         }
      },
      tooltip: {
         formatter: function() {
           return ' Total '+ this.series.name.toLowerCase() +' value '+
               this.y +' at level '+ this.x;
         }
      },
      plotOptions: {
         area: {
            pointStart: 0,
            marker: {
               enabled: false,
               symbol: 'circle',
               radius: 2,
               states: {
                  hover: {
                     enabled: true
                  }
               }
            }
         }
      },
      series: [{
         name: 'Red',
         color: '#ff0000',
         data: [10, 48, 176, 0, 1414, 3511, 3504, 4020, 4391, 4146, 3950, 4052, 4417, 5097, 5778, 6010, 6092, 6898, 7640, 0, 7536, 7200, 6504, 5678, 4941, 4476, 3893, 3454, 3254, 2966, 2948, 2872, 6028, 2993, 3054, 3271, 3317, 3334, 3336, 0, 3133, 3107, 3093, 2885, 2897, 6009, 2900, 2863, 2769, 2688, 2530, 2378, 2307, 2137, 2149, 2095, 2060, 2056, 2081, 2051, 0, 2058, 4221, 2315, 2297, 2429, 2428, 2537, 2564, 2582, 2565, 2536, 2577, 2515, 2599, 2682, 2665, 2745, 2707, 2826, 2811, 2884, 2878, 3107, 3032, 3088, 3261, 3341, 3338, 3419, 3512, 3510, 3718, 3737, 3842, 3901, 3958, 3837, 3703, 3858, 3871, 3775, 3878, 3812, 3903, 3937, 3994, 4108, 3952, 4068, 4098, 4167, 4045, 4032, 4011, 4073, 4099, 4001, 4014, 3980, 3942, 4044, 3976, 3873, 3952, 3829, 3980, 3892, 3907, 3725, 3729, 3716, 3663, 3578, 3558, 3491, 3432, 3379, 3495, 3394, 3327, 3240, 3183, 3265, 3150, 3123, 3150, 3166, 3150, 3166, 3140, 3143, 3157, 3137, 3153, 3041, 2908, 2977, 2915, 3035, 2942, 2907, 2970, 2996, 2854, 2932, 2827, 2808, 2767, 2718, 2683, 2630, 2581, 2617, 2509, 2498, 2506, 2558, 2542, 2545, 2580, 2477, 2529, 2591, 2598, 2626, 2692, 2647, 2727, 2728, 2762, 2660, 2715, 2708, 2577, 2436, 2429, 2448, 2488, 2468, 2443, 2617, 2535, 2596, 2637, 2668, 2711, 2767, 2786, 3003, 3169, 3354, 3502, 3401, 3449, 3250, 3192, 3117, 3239, 3154, 3236, 3063, 2915, 2636, 2337, 2266, 2127, 2135, 2039, 1890, 1782, 1830, 1808, 1900, 1837, 1859, 1804, 1763, 1678, 1680, 1610, 1701, 1659, 1623, 1487, 1533, 1545, 1522, 1478, 1446, 1765, 2578, 4152, 5145, 3900, 2958]
      	},
	{
         name: 'Green',
         color: '#00ff00',
         data: [5, 13, 126, 0, 1344, 3073, 2764, 2881, 2991, 2482, 2128, 2094, 1955, 1828, 1611, 1551, 1493, 1525, 1516, 0, 1515, 1521, 1586, 1634, 1666, 1600, 1620, 1624, 1589, 1552, 1537, 1493, 2942, 1492, 1460, 1473, 1479, 1485, 1479, 0, 1432, 1467, 1380, 1323, 1291, 2638, 1306, 1224, 1246, 1237, 1282, 1404, 1451, 1449, 1547, 1633, 1761, 1997, 2245, 2460, 0, 2568, 5562, 2689, 2633, 2590, 2493, 2562, 2822, 2996, 3037, 3224, 3500, 3440, 3372, 3114, 2997, 2855, 2751, 2663, 2664, 2637, 2700, 2679, 2673, 2577, 2501, 2424, 2364, 2270, 2188, 2224, 2200, 2097, 2104, 2144, 2084, 2114, 2075, 2161, 2155, 2230, 2090, 2133, 2064, 2177, 2079, 2035, 2069, 2165, 2066, 2087, 2145, 2158, 2335, 2377, 2399, 2500, 2493, 2464, 2502, 2491, 2290, 2256, 2209, 2246, 2367, 2308, 2390, 2369, 2469, 2537, 2515, 2473, 2564, 2513, 2530, 2509, 2524, 2491, 2422, 2358, 2526, 2530, 2491, 2522, 2729, 2654, 2729, 2738, 2878, 2917, 2894, 2908, 2911, 2905, 3003, 3130, 3242, 3259, 3379, 3364, 3464, 3593, 3580, 3884, 3992, 4005, 4045, 4069, 4135, 4236, 4384, 4334, 4727, 4780, 4928, 5103, 5046, 5154, 5192, 5172, 5396, 5683, 5771, 5953, 6083, 6277, 6423, 6618, 6861, 7212, 7431, 7557, 7646, 7555, 7477, 7519, 7633, 7653, 7536, 7451, 7040, 6688, 6375, 6027, 5884, 5356, 5159, 4799, 4534, 4289, 4252, 4190, 4166, 4378, 4509, 4630, 4656, 4722, 4518, 4381, 4096, 3954, 4024, 3839, 3868, 3860, 4000, 4045, 3905, 3570, 3325, 3041, 2979, 2827, 2735, 2877, 2945, 3044, 3017, 2835, 2521, 2196, 2025, 1942, 1758, 1692, 1707, 1994, 2430, 3157, 4267, 4781, 4199, 2955]
      	},
	{
         name: 'Blue',
         color: '#0000ff',
         data: [152, 255, 637, 0, 1726, 3709, 5915, 8171, 8594, 8312, 8080, 8410, 8400, 8400, 8295, 8037, 7454, 6982, 6518, 0, 5948, 5405, 4891, 4679, 4304, 4176, 4054, 3872, 3697, 3608, 3561, 3499, 6802, 3255, 3156, 3091, 3108, 2970, 2995, 0, 2769, 2761, 2702, 2659, 2647, 5031, 2379, 2460, 2280, 2182, 2281, 2162, 2127, 2174, 2010, 2016, 1979, 1904, 1873, 1812, 0, 1807, 3408, 1613, 1640, 1566, 1563, 1540, 1472, 1359, 1391, 1325, 1323, 1319, 1355, 1281, 1288, 1274, 1246, 1201, 1177, 1197, 1156, 1087, 1074, 1028, 992, 1084, 1020, 1037, 949, 996, 953, 935, 899, 937, 866, 892, 919, 821, 885, 888, 858, 909, 844, 894, 878, 930, 857, 879, 948, 941, 920, 1036, 999, 1083, 992, 1057, 995, 1043, 1028, 1015, 968, 999, 1059, 1041, 970, 897, 894, 835, 872, 843, 836, 829, 792, 826, 819, 786, 732, 741, 731, 748, 755, 687, 769, 737, 768, 738, 774, 742, 703, 767, 746, 663, 721, 727, 777, 758, 747, 744, 765, 813, 823, 801, 767, 770, 825, 800, 812, 817, 884, 855, 829, 898, 860, 904, 882, 887, 901, 940, 986, 1053, 1198, 1408, 1460, 1645, 1779, 2013, 2214, 2351, 2449, 2564, 2622, 2594, 2749, 2800, 2934, 3204, 3489, 3566, 3750, 3774, 3924, 3990, 3853, 3880, 3759, 3684, 3561, 3505, 3379, 3335, 3476, 3673, 3960, 4272, 4365, 4671, 4825, 4839, 4777, 4771, 4886, 4999, 5487, 6068, 7041, 8235, 9678, 11255, 12804, 13785, 14682, 15138, 15157, 14724, 13816, 12684, 11892, 10726, 10316, 9801, 10014, 10218, 10395, 10408, 9976, 8726, 7956, 6550, 5224, 3911, 2715, 1690, 906, 899]
      }]
   });


});
        </script>
    </head>
    <body>
        <div style="width: 960px; margin-right: auto; margin-left: auto; ">
            <div style="text-align: center">
                <h1>Image info: test.jpg</h1>
                <img alt="filename" src="test.jpg" style="width: 800px; margin-right: auto; margin-left: auto;">
            </div>
            <div id="container" style="height:400px;  width: 800px; margin-right: auto; margin-left: auto;"></div>
        </div>
    </body>
</html>

